<template>
    <div class="homeBody">
        <div>
            <el-carousel
                :interval="5000"
                arrow="always"
                :height="swiperHeight"
                ref="swiper"
                indicator-position="none"
            >
                <el-carousel-item v-for="(item,index) in imageSrc" :key="index">
                    <div class="text" style>
                        <h1>{{item.name}}</h1>
                        <p>{{item.text}}</p>
                    </div>
                    <img :src="item.src" height="100%" width="100%" alt style="z-index:1;" />
                </el-carousel-item>
            </el-carousel>
        </div>
        <div class="scenery">
            <div class="page-header">
                <h1>
                    热门景点
                    <small>介绍</small>
                </h1>
            </div>
            <div class="row" style="padding:0 30px;">
                <div>
                    <el-tabs v-model="activeName" @tab-click="handleClick" lazy="true">
                        <el-tab-pane label="国内游" name="one"></el-tab-pane>
                        <el-tab-pane label="亚洲" name="two"></el-tab-pane>
                        <el-tab-pane label="欧洲" name="three"></el-tab-pane>
                    </el-tabs>
                </div>
                <div
                    class="col-xs-6 col-sm-4 col-md-3"
                    v-for="(item,index) in sceneryList"
                    style="padding:5px;"
                    :key="index"
                >
                    <router-link to="/scenery" class="thumbnail">
                        <img :src="item.src" style="height:170px;" width="100%" alt />
                        <div class="caption">
                            <h3>{{item.title}}</h3>
                            <div
                                style="height:40px;-webkit-line-clamp: 2;"
                                class="hiddenText"
                            >{{item.text}}</div>
                        </div>
                        <el-rate
                            v-model="item.value"
                            disabled
                            show-score
                            text-color="#ff9900"
                            score-template="{value}"
                        ></el-rate>
                    </router-link>
                </div>
            </div>
            <div class="prompt">
                <div>
                    <el-tag type="warning" style="border: 0;">
                        <i class="el-icon-warning-outline"></i> 旅游安全提醒
                    </el-tag>
                </div>
                <div>
                    <p></p>
                    <p>特别提醒广大游客文明安全出行，随时关注新闻动态，尽量避免去有人身安全风险的国家和地区。</p>
                    <p>文明旅游：营造文明、和谐的旅游环境，关系到每位游客的切身利益。做文明游客是我们大家的义务，克服旅游陋习，倡导文明旅游行为。参考《中国公民出境旅游文明行为指南》。</p>
                    <p>中国公民，出境旅游，注重礼仪，保持尊严。 讲究卫生，爱护环境；衣着得体，请勿喧哗。</p>
                    <p>尊老爱幼，助人为乐；女士优先，礼貌谦让。 出行办事，遵守时间；排队有序，不越黄线。</p>
                    <p>文明住宿，不损用品；安静用餐，请勿浪费。 健康娱乐，有益身心；赌博色情，坚决拒绝。</p>
                    <p>参观游览，遵守规定；习俗禁忌，切勿冒犯。 遇有疑难，咨询领馆；文明出行，一路平安。</p>
                </div>
                <div>
                    <p>
                        <a
                            target="_blank"
                            href="https://mp.weixin.qq.com/s/19bCcXqYyaCbbhyyS5ta0A"
                        >文化和旅游部：涉水旅游项目安全提示</a>
                    </p>
                    <p>
                        <a
                            target="_blank"
                            href="https://mp.weixin.qq.com/s/61_CzJVa8sdB4ThHZRAgHA"
                        >文化和旅游部：出境旅游安全提示</a>
                    </p>
                    <p>
                        <a
                            target="_blank"
                            href="http://www.nhc.gov.cn/bgt/s7693/202001/135b650259f647869bf7558154e84d8d.shtml"
                        >国家卫生健康委员会：新型冠状病毒感染的肺炎疫情防控工作提示</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            value: null, //评分
            activeName: "one", //选中标签
            imageSrc: [
                //轮播图
                {
                    name: "故宫",
                    text:
                        "北京故宫是中国明清两代的皇家宫殿，旧称紫禁城，位于北京中轴线的中心。",
                    src: require("../../static/images/lb_1.jpg")
                },
                {
                    name: "伦敦",
                    text:
                        "伊丽莎白塔，俗称大本钟，是坐落在英国伦敦泰晤士河畔的一座钟楼，是伦敦的标志性建筑之一",
                    src: require("../../static/images/lb_5.png")
                },
                {
                    name: "埃及",
                    text:
                        "在埃及首都开罗郊外的吉萨，有一座举世闻名的胡夫金字塔。",
                    src: require("../../static/images/lb_6.png")
                },
                {
                    name: "马尔代夫",
                    text:
                        "天堂岛是马尔代夫非常著名的度假海岛，在马尔代夫岛屿分级中属于第六级。",
                    src: require("../../static/images/lb_4.png")
                }
            ],
            sceneryList: [
                {
                    title: "故宫",
                    text:
                        "北京故宫是中国明清两代的皇家宫殿，旧称紫禁城，位于北京中轴线的中心。北京故宫以三大殿为中心，占地面积72万平方米，建筑面积约15万平方米，有大小宫殿七十多座，房屋九千余间。北京故宫于明成祖永乐四年（1406年）开始建设，以南京故宫为蓝本营建，到永乐十八年（1420年）建成。它是一座长方形城池，南北长961米，东西宽753米，四面围有高10米的城墙，城外有宽52米的护城河。紫禁城内的建筑分为外朝和内廷两部分。外朝的中心为太和殿、中和殿、保和殿，统称三大殿，是国家举行大典礼的地方。内廷的中心是乾清宫、交泰殿、坤宁宫，统称后三宫，是皇帝和皇后居住的正宫。  北京故宫是世界上现存规模最大、保存最为完整的木质结构古建筑之一，是国家AAAAA级旅游景区， 1961年被列为第一批全国重点文物保护单位；  1987年被列为世界文化遗产。",
                    src: require("../../static/images/rightList_1.jpeg"),
                    value: 3.9
                },
                {
                    title: "天安门广场",
                    text:
                        "天安门广场，位于北京市中心，地处北京市东城区东长安街，北起天安门，南至正阳门，东起中国国家博物馆，西至人民大会堂，南北长880米，东西宽500米，面积达44万平方米  北京故宫是世界上现存规模最大、保存最为完整的木质结构古建筑之一，是国家AAAAA级旅游景区， 1961年被列为第一批全国重点文物保护单位；  1987年被列为世界文化遗产。",
                    src: require("../../static/images/rightList_2.jpeg"),
                    value: 4.2
                },
                {
                    title: "八达岭长城",
                    text:
                        "八达岭长城，位于北京市延庆区军都山关沟古道北口。是中国古代伟大的防御工程万里长城的重要组成部分，是明长城的一个隘口。八达岭长城为居庸关的重要前哨，古称“居庸之险不",
                    src: require("../../static/images/rightList_3.jpeg"),
                    value: 4.3
                },
                {
                    title: "南锣鼓巷",
                    text:
                        "南锣鼓巷是一条胡同，位于北京中轴线东侧的交道口地区，北起鼓楼东大街，南至平安大街，宽8米，全长787米，于大都同期建成。是北京最古老的街区之一，已有740多年的历史。",
                    src: require("../../static/images/rightList_4.jpeg"),
                    value: 4.2
                },
                {
                    title: "颐和园",
                    text:
                        "颐和园卫生间全部设有无障碍设施,其中无障碍独立卫生间6处,分别为养云轩、半壁桥、 西堤南口、南湖岛、耕织图南、耕织图北。 ",
                    src: require("../../static/images/rightList_5.jpeg"),
                    value: 4.6
                },
                {
                    title: "鸟巢",
                    text:
                        "国家体育场（鸟巢）位于北京奥林匹克公园中心区南部，为2008年北京奥运会的主体育场。工程总占地面积21公顷，场内观众坐席约为91000个。举行了奥运会、残奥会开闭幕式、田径比赛及足球比赛决赛。奥运会后成为北京市民参与体育活动及享受体育娱乐的大型专业场所，并成为地标性的体育建筑和奥运遗产。",
                    src: require("../../static/images/rightList_6.jpeg"),
                    value: 4.4
                },
                {
                    title: "天坛公园",
                    text:
                        "天坛，世界文化遗产，全国重点文物保护单位，国家AAAAA级旅游景区，全国文明风景旅游区示范点。天坛，在北京市南部，东城区永定门内大街东侧。占地约273万平方米。",
                    src: require("../../static/images/rightList_7.jpeg"),
                    value: 4.8
                },
                {
                    title: "圆明园",
                    text:
                        "圆明园又称圆明三园，是清代大型皇家园林，它坐落在北京西北郊，由圆明园、长春园和绮春园组成，所以也叫圆明三园。占地面积3.5平方千米，建筑面积达20万平方米",
                    src: require("../../static/images/rightList_8.jpeg"),
                    value: 4.9
                }
            ],
            swiperHeight: "450px"
        };
    },
    methods: {
        handleClick(tab, event) {
            // console.log(tab, event);
            // console.log(tab.name, event);
            if (tab.name == "two") {
                this.$data.sceneryList = [
                    {
                        title: "胜利女神",
                        text:
                            "北京故宫是中国明清两代的皇家宫殿，旧称紫禁城，位于北京中轴线的中心。北京故宫以三大殿为中心，占地面积72万平方米，建筑面积约15万平方米，有大小宫殿七十多座，房屋九千余间。北京故宫于明成祖永乐四年（1406年）开始建设，以南京故宫为蓝本营建，到永乐十八年（1420年）建成。它是一座长方形城池，南北长961米，东西宽753米，四面围有高10米的城墙，城外有宽52米的护城河。紫禁城内的建筑分为外朝和内廷两部分。外朝的中心为太和殿、中和殿、保和殿，统称三大殿，是国家举行大典礼的地方。内廷的中心是乾清宫、交泰殿、坤宁宫，统称后三宫，是皇帝和皇后居住的正宫。  北京故宫是世界上现存规模最大、保存最为完整的木质结构古建筑之一，是国家AAAAA级旅游景区， 1961年被列为第一批全国重点文物保护单位；  1987年被列为世界文化遗产。",
                        src: require("../../static/images/hot_4.jpg"),
                        value: 4.2
                    },
                    {
                        title: "胜利女神",
                        text:
                            "北京故宫是中国明清两代的皇家宫殿，旧称紫禁城，位于北京中轴线的中心。北京故宫以三大殿为中心，占地面积72万平方米，建筑面积约15万平方米，有大小宫殿七十多座，房屋九千余间。北京故宫于明成祖永乐四年（1406年）开始建设，以南京故宫为蓝本营建，到永乐十八年（1420年）建成。它是一座长方形城池，南北长961米，东西宽753米，四面围有高10米的城墙，城外有宽52米的护城河。紫禁城内的建筑分为外朝和内廷两部分。外朝的中心为太和殿、中和殿、保和殿，统称三大殿，是国家举行大典礼的地方。内廷的中心是乾清宫、交泰殿、坤宁宫，统称后三宫，是皇帝和皇后居住的正宫。  北京故宫是世界上现存规模最大、保存最为完整的木质结构古建筑之一，是国家AAAAA级旅游景区， 1961年被列为第一批全国重点文物保护单位；  1987年被列为世界文化遗产。",
                        src: require("../../static/images/hot_4.jpg"),
                        value: 4.2
                    },
                    {
                        title: "胜利女神",
                        text:
                            "北京故宫是中国明清两代的皇家宫殿，旧称紫禁城，位于北京中轴线的中心。北京故宫以三大殿为中心，占地面积72万平方米，建筑面积约15万平方米，有大小宫殿七十多座，房屋九千余间。北京故宫于明成祖永乐四年（1406年）开始建设，以南京故宫为蓝本营建，到永乐十八年（1420年）建成。它是一座长方形城池，南北长961米，东西宽753米，四面围有高10米的城墙，城外有宽52米的护城河。紫禁城内的建筑分为外朝和内廷两部分。外朝的中心为太和殿、中和殿、保和殿，统称三大殿，是国家举行大典礼的地方。内廷的中心是乾清宫、交泰殿、坤宁宫，统称后三宫，是皇帝和皇后居住的正宫。  北京故宫是世界上现存规模最大、保存最为完整的木质结构古建筑之一，是国家AAAAA级旅游景区， 1961年被列为第一批全国重点文物保护单位；  1987年被列为世界文化遗产。",
                        src: require("../../static/images/hot_4.jpg"),
                        value: 4.2
                    },
                    {
                        title: "胜利女神",
                        text:
                            "北京故宫是中国明清两代的皇家宫殿，旧称紫禁城，位于北京中轴线的中心。北京故宫以三大殿为中心，占地面积72万平方米，建筑面积约15万平方米，有大小宫殿七十多座，房屋九千余间。北京故宫于明成祖永乐四年（1406年）开始建设，以南京故宫为蓝本营建，到永乐十八年（1420年）建成。它是一座长方形城池，南北长961米，东西宽753米，四面围有高10米的城墙，城外有宽52米的护城河。紫禁城内的建筑分为外朝和内廷两部分。外朝的中心为太和殿、中和殿、保和殿，统称三大殿，是国家举行大典礼的地方。内廷的中心是乾清宫、交泰殿、坤宁宫，统称后三宫，是皇帝和皇后居住的正宫。  北京故宫是世界上现存规模最大、保存最为完整的木质结构古建筑之一，是国家AAAAA级旅游景区， 1961年被列为第一批全国重点文物保护单位；  1987年被列为世界文化遗产。",
                        src: require("../../static/images/hot_4.jpg"),
                        value: 4.2
                    },
                    {
                        title: "胜利女神",
                        text:
                            "北京故宫是中国明清两代的皇家宫殿，旧称紫禁城，位于北京中轴线的中心。北京故宫以三大殿为中心，占地面积72万平方米，建筑面积约15万平方米，有大小宫殿七十多座，房屋九千余间。北京故宫于明成祖永乐四年（1406年）开始建设，以南京故宫为蓝本营建，到永乐十八年（1420年）建成。它是一座长方形城池，南北长961米，东西宽753米，四面围有高10米的城墙，城外有宽52米的护城河。紫禁城内的建筑分为外朝和内廷两部分。外朝的中心为太和殿、中和殿、保和殿，统称三大殿，是国家举行大典礼的地方。内廷的中心是乾清宫、交泰殿、坤宁宫，统称后三宫，是皇帝和皇后居住的正宫。  北京故宫是世界上现存规模最大、保存最为完整的木质结构古建筑之一，是国家AAAAA级旅游景区， 1961年被列为第一批全国重点文物保护单位；  1987年被列为世界文化遗产。",
                        src: require("../../static/images/hot_4.jpg"),
                        value: 4.2
                    }
                ];
            } else if (tab.name == "three") {
                this.$data.sceneryList = [
                    {
                        title: "胜利女神",
                        text:
                            "北京故宫是中国明清两代的皇家宫殿，旧称紫禁城，位于北京中轴线的中心。北京故宫以三大殿为中心，占地面积72万平方米，建筑面积约15万平方米，有大小宫殿七十多座，房屋九千余间。北京故宫于明成祖永乐四年（1406年）开始建设，以南京故宫为蓝本营建，到永乐十八年（1420年）建成。它是一座长方形城池，南北长961米，东西宽753米，四面围有高10米的城墙，城外有宽52米的护城河。紫禁城内的建筑分为外朝和内廷两部分。外朝的中心为太和殿、中和殿、保和殿，统称三大殿，是国家举行大典礼的地方。内廷的中心是乾清宫、交泰殿、坤宁宫，统称后三宫，是皇帝和皇后居住的正宫。  北京故宫是世界上现存规模最大、保存最为完整的木质结构古建筑之一，是国家AAAAA级旅游景区， 1961年被列为第一批全国重点文物保护单位；  1987年被列为世界文化遗产。",
                        src: require("../../static/images/hot_4.jpg"),
                        value: 4.2
                    },
                    {
                        title: "胜利女神",
                        text:
                            "北京故宫是中国明清两代的皇家宫殿，旧称紫禁城，位于北京中轴线的中心。北京故宫以三大殿为中心，占地面积72万平方米，建筑面积约15万平方米，有大小宫殿七十多座，房屋九千余间。北京故宫于明成祖永乐四年（1406年）开始建设，以南京故宫为蓝本营建，到永乐十八年（1420年）建成。它是一座长方形城池，南北长961米，东西宽753米，四面围有高10米的城墙，城外有宽52米的护城河。紫禁城内的建筑分为外朝和内廷两部分。外朝的中心为太和殿、中和殿、保和殿，统称三大殿，是国家举行大典礼的地方。内廷的中心是乾清宫、交泰殿、坤宁宫，统称后三宫，是皇帝和皇后居住的正宫。  北京故宫是世界上现存规模最大、保存最为完整的木质结构古建筑之一，是国家AAAAA级旅游景区， 1961年被列为第一批全国重点文物保护单位；  1987年被列为世界文化遗产。",
                        src: require("../../static/images/hot_4.jpg"),
                        value: 4.2
                    },
                    {
                        title: "胜利女神",
                        text:
                            "北京故宫是中国明清两代的皇家宫殿，旧称紫禁城，位于北京中轴线的中心。北京故宫以三大殿为中心，占地面积72万平方米，建筑面积约15万平方米，有大小宫殿七十多座，房屋九千余间。北京故宫于明成祖永乐四年（1406年）开始建设，以南京故宫为蓝本营建，到永乐十八年（1420年）建成。它是一座长方形城池，南北长961米，东西宽753米，四面围有高10米的城墙，城外有宽52米的护城河。紫禁城内的建筑分为外朝和内廷两部分。外朝的中心为太和殿、中和殿、保和殿，统称三大殿，是国家举行大典礼的地方。内廷的中心是乾清宫、交泰殿、坤宁宫，统称后三宫，是皇帝和皇后居住的正宫。  北京故宫是世界上现存规模最大、保存最为完整的木质结构古建筑之一，是国家AAAAA级旅游景区， 1961年被列为第一批全国重点文物保护单位；  1987年被列为世界文化遗产。",
                        src: require("../../static/images/hot_4.jpg"),
                        value: 4.2
                    },
                    {
                        title: "胜利女神",
                        text:
                            "北京故宫是中国明清两代的皇家宫殿，旧称紫禁城，位于北京中轴线的中心。北京故宫以三大殿为中心，占地面积72万平方米，建筑面积约15万平方米，有大小宫殿七十多座，房屋九千余间。北京故宫于明成祖永乐四年（1406年）开始建设，以南京故宫为蓝本营建，到永乐十八年（1420年）建成。它是一座长方形城池，南北长961米，东西宽753米，四面围有高10米的城墙，城外有宽52米的护城河。紫禁城内的建筑分为外朝和内廷两部分。外朝的中心为太和殿、中和殿、保和殿，统称三大殿，是国家举行大典礼的地方。内廷的中心是乾清宫、交泰殿、坤宁宫，统称后三宫，是皇帝和皇后居住的正宫。  北京故宫是世界上现存规模最大、保存最为完整的木质结构古建筑之一，是国家AAAAA级旅游景区， 1961年被列为第一批全国重点文物保护单位；  1987年被列为世界文化遗产。",
                        src: require("../../static/images/hot_4.jpg"),
                        value: 4.2
                    },
                    {
                        title: "胜利女神",
                        text:
                            "北京故宫是中国明清两代的皇家宫殿，旧称紫禁城，位于北京中轴线的中心。北京故宫以三大殿为中心，占地面积72万平方米，建筑面积约15万平方米，有大小宫殿七十多座，房屋九千余间。北京故宫于明成祖永乐四年（1406年）开始建设，以南京故宫为蓝本营建，到永乐十八年（1420年）建成。它是一座长方形城池，南北长961米，东西宽753米，四面围有高10米的城墙，城外有宽52米的护城河。紫禁城内的建筑分为外朝和内廷两部分。外朝的中心为太和殿、中和殿、保和殿，统称三大殿，是国家举行大典礼的地方。内廷的中心是乾清宫、交泰殿、坤宁宫，统称后三宫，是皇帝和皇后居住的正宫。  北京故宫是世界上现存规模最大、保存最为完整的木质结构古建筑之一，是国家AAAAA级旅游景区， 1961年被列为第一批全国重点文物保护单位；  1987年被列为世界文化遗产。",
                        src: require("../../static/images/hot_4.jpg"),
                        value: 4.2
                    }
                ];
            } else {
                this.$data.sceneryList = [
                    {
                        title: "故宫",
                        text:
                            "北京故宫是中国明清两代的皇家宫殿，旧称紫禁城，位于北京中轴线的中心。北京故宫以三大殿为中心，占地面积72万平方米，建筑面积约15万平方米，有大小宫殿七十多座，房屋九千余间。北京故宫于明成祖永乐四年（1406年）开始建设，以南京故宫为蓝本营建，到永乐十八年（1420年）建成。它是一座长方形城池，南北长961米，东西宽753米，四面围有高10米的城墙，城外有宽52米的护城河。紫禁城内的建筑分为外朝和内廷两部分。外朝的中心为太和殿、中和殿、保和殿，统称三大殿，是国家举行大典礼的地方。内廷的中心是乾清宫、交泰殿、坤宁宫，统称后三宫，是皇帝和皇后居住的正宫。  北京故宫是世界上现存规模最大、保存最为完整的木质结构古建筑之一，是国家AAAAA级旅游景区， 1961年被列为第一批全国重点文物保护单位；  1987年被列为世界文化遗产。",
                        src: require("../../static/images/rightList_1.jpeg"),
                        value: 3.9
                    },
                    {
                        title: "天安门广场",
                        text:
                            "天安门广场，位于北京市中心，地处北京市东城区东长安街，北起天安门，南至正阳门，东起中国国家博物馆，西至人民大会堂，南北长880米，东西宽500米，面积达44万平方米  北京故宫是世界上现存规模最大、保存最为完整的木质结构古建筑之一，是国家AAAAA级旅游景区， 1961年被列为第一批全国重点文物保护单位；  1987年被列为世界文化遗产。",
                        src: require("../../static/images/rightList_2.jpeg"),
                        value: 4.2
                    },
                    {
                        title: "八达岭长城",
                        text:
                            "八达岭长城，位于北京市延庆区军都山关沟古道北口。是中国古代伟大的防御工程万里长城的重要组成部分，是明长城的一个隘口。八达岭长城为居庸关的重要前哨，古称“居庸之险不",
                        src: require("../../static/images/rightList_3.jpeg"),
                        value: 4.3
                    },
                    {
                        title: "南锣鼓巷",
                        text:
                            "南锣鼓巷是一条胡同，位于北京中轴线东侧的交道口地区，北起鼓楼东大街，南至平安大街，宽8米，全长787米，于大都同期建成。是北京最古老的街区之一，已有740多年的历史。",
                        src: require("../../static/images/rightList_4.jpeg"),
                        value: 4.2
                    },
                    {
                        title: "颐和园",
                        text:
                            "颐和园卫生间全部设有无障碍设施,其中无障碍独立卫生间6处,分别为养云轩、半壁桥、 西堤南口、南湖岛、耕织图南、耕织图北。 ",
                        src: require("../../static/images/rightList_5.jpeg"),
                        value: 4.6
                    },
                    {
                        title: "鸟巢",
                        text:
                            "国家体育场（鸟巢）位于北京奥林匹克公园中心区南部，为2008年北京奥运会的主体育场。工程总占地面积21公顷，场内观众坐席约为91000个。举行了奥运会、残奥会开闭幕式、田径比赛及足球比赛决赛。奥运会后成为北京市民参与体育活动及享受体育娱乐的大型专业场所，并成为地标性的体育建筑和奥运遗产。",
                        src: require("../../static/images/rightList_6.jpeg"),
                        value: 4.4
                    },
                    {
                        title: "天坛公园",
                        text:
                            "天坛，世界文化遗产，全国重点文物保护单位，国家AAAAA级旅游景区，全国文明风景旅游区示范点。天坛，在北京市南部，东城区永定门内大街东侧。占地约273万平方米。",
                        src: require("../../static/images/rightList_7.jpeg"),
                        value: 4.8
                    },
                    {
                        title: "圆明园",
                        text:
                            "圆明园又称圆明三园，是清代大型皇家园林，它坐落在北京西北郊，由圆明园、长春园和绮春园组成，所以也叫圆明三园。占地面积3.5平方千米，建筑面积达20万平方米",
                        src: require("../../static/images/rightList_8.jpeg"),
                        value: 4.9
                    }
                ];
            }
        }
    },
    mounted() {
        this.swiperHeight = (this.$refs.swiper.$el.clientWidth * 7) / 19 + "px";
        // console.log(this.$global);
    }
};
</script>
<style>
div.homeBody a {
    text-decoration: none;
}
/*轮播图*/
@media (min-width: 960px) {
    div.homeBody .el-carousel {
        margin: 5px 40px;
    }
}
div.homeBody .el-carousel {
    border: 3px solid floralwhite;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
    /* background-image: url(../../static/images/bj.jpg); */
}
div.homeBody .el-carousel__item img {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
}

/* 景点 */
div.homeBody div.scenery {
    margin: 10px 30px;
    padding: 1px 10px;
    background-color: #fff;
}
div.homeBody div.scenery div.row .el-rate {
    z-index: 2;
    position: absolute;
    top: 12px;
    right: 20px;
    /* background-color: rgba(204, 204, 204, 0.26); */
}
div.homeBody div.el-tabs__item {
    font-style: 20px;
}
/* prompt */
div.homeBody div.prompt {
    margin: 20px 30px 0;
}

div.homeBody div.prompt > div:first-child {
    font-size: 22px;
    font-weight: 800;
}

div.homeBody div div.text {
    z-index: 2;
    position: absolute;
    padding: 0 10px;
    color: white;
    bottom: 0px;
    left: 0px;
    text-align: left;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.37),
        rgba(65, 65, 65, 0.3),
        rgba(255, 255, 255, 0.2),
        rgba(255, 255, 255, 0.15),
        rgba(255, 255, 255, 0.1),
        rgba(255, 255, 255, 0.01)
    );
}
</style>
